<template>
    <div class="userAttention">
        <div @click="turn(item.path)" class="infoItem" v-for="(item,index) in infoList" :key="index">
            <span class="num">{{item.num}}</span>
            <span>{{item.name}}</span>
        </div>
    </div>
</template>

<script>
    import {showError} from '@/toast'
    export default {
        name : "userAttention",
        data(){
            return{
                infoList:[
                    {name:'商品关注',num:0},
                    {name:'店铺关注',num:0},
                    {name:'我的收藏夹',num:0},
                    {name:'浏览记录',num:0}
                ]
            }
        },
        methods:{
            turn(path){
                if(!path){
                    showError('敬请期待')
                    return
                }
            }
        }
    }
</script>

<style scoped lang="stylus">
.userAttention
    padding-left 12px
    padding-right 27px
    font-size 11px
    display flex
    justify-content space-between
    align-items center
    color #fff
    margin-top 15px
    .infoItem
        display flex
        flex-direction column
        height 34px
        justify-content space-between
        align-items center
        font-weight 500
        .num
            font-size 18px
            font-family DIN
            font-weight bold
</style>